<div id='main-nav-bg'></div>
<nav id='main-nav'>
<div class='navigation'>
  <ul class="nav nav-stacked">
    {{#each this.model}}
        {{#if this.children}}
    		<li>
				<a class='dropdown-collapse' href='javascript:void(0);' url='{{this.url}}'>
                    <i class='{{this.icon}}'></i>
                    <span>{{this.menuname}}</span>
                    <i class='icon-angle-down angle-down' style="float:right;line-height: 40px;margin-right: 0;"></i>
                </a>	
    			<ul class="nav nav-stacked">
    				{{#each this.children}}
    					<li>
							<a class="child" href='javascript:void(0);' url='{{this.url}}'>
		                    <i class='{{this.icon}}'></i>
		                    <span>{{this.menuname}}</span>
                			</a>	
                		</li>
    				{{/each}}
    			</ul>
    		</li>		
    	{{else}}
    		<li>
             <a class='child' href='javascript:void(0);' url='{{this.url}}'>
                <i class='{{this.icon}}'></i>
                <span>{{this.menuname}}</span>
            </a>
            </li>
    	{{/if}}
	{{/each}}
  </ul>
</div>
</nav>
